<footer class="bottom">
    <div class="footerinfo clearfix">
        <section class="site-info">
            <div class="logo">
                <a href="#" date-content="cc">navgation</a>
            </div>
            <p>阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
                设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。
                ©ALIMAMA MUX, powered by alimama THX.法律声明
                转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系：sangxing@taobao.com</p>
        </section>
        <section class="firend-link">
            <header>友情链接</header>
            <ul class="clearfix">
                <li><a href="">阿里</a></li>
                <li><a href="">ccblog</a></li>
                <li><a href="">ccplugin</a></li>
                <li><a href="">php</a></li>
                <li><a href="">javascript</a></li>
                <li><a href="">html</a></li>
                <li><a href="">css</a></li>
                <li><a href="">bootstrap</a></li>
            </ul>
        </section>
    </div>
</footer>